.monitor {
  position      : absolute;
  right         : 30px;
  top           : 50%;
  transform     : translateY(-50%);
  display       : flex;
  flex-direction: column;
  z-index       : 100;
  transition    : all 0.5s ease;
}

.monitor:hover {
  opacity: 1 !important;
}

.monitor .item {
  width           : 10px;
  height          : 10px;
  border-radius   : 5px;
  background-color: transparent;
  box-shadow      : 0 0 5px #bfbfbf;
  margin          : 10px;
  transition      : all 0.5s ease;
  cursor          : pointer;
}

.previewer-cover {
  position : absolute;
  right    : 70px;
  transform: translateY(-50%);
  z-index  : 120;
  width    : 0;
  height   : 0;
}

.previewer-cover .item {
  position        : absolute;
  width           : 100vw;
  height          : 100vh;
  overflow        : hidden;
  background-color: #bfbfbf;
  border-radius   : 10%;
  right           : 0;
  top             : 0;
  transform-origin: right center;
  box-shadow      : 0 5px 15px #9b9b9b;
}